<template>
  <h2>我是About内容</h2>
</template>

<script>
export default {
  name: "AboutVue",
  beforeDestroy() {
    console.log("about没了");
  },

  // 通过 路由规则 ，进入该组件时被调用
  beforeRouteEnter(to, from, next) {
    if (to.meta.isAuth) {
      if (localStorage.getItem("school") === "石大") {
        next();
      } else {
        alert("学校名字不对");
      }
    } else {
      next();
    }
  },
  // 通过 路由规则 ，离开该组件时被调用
  // 若不设置next，不会离开该组件
  beforeRouteLeave(to, from, next) {
    next();
  },
};
</script>

<style>
</style>